<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="club_join" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a href="../inc/navi.html" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a href="../inc/info_booking.html" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>동호회 가입신청</h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="self_club.html" data-direction="reverse" data-transition="slide" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <form action="#" method="#">
            <div class="club_join_txt ma_top20">
                <mark> 홀인원 하는 그 날까지 </mark>  동호회에 가입을 신청하시겠습니까? 
            </div>
            
            <!-- 가입질문이 없는 경우 -->
            <p class="align_c">해당 동호회는 별도의 절차 없이 바로 가입이 가능합니다.</p>
            
            <!-- 가입질문이 있는 경우 -->
            <div class="club_join_txt">
                해당 동호회는 동호회 질문의 답변 입력 후 <br /> <em>동호회 관리자의 승인이 있어야 가입이 가능</em>합니다.  
            </div>
            <ul data-role="listview" data-inset="true" data-theme="c" class="club_join_form" >
                <li data-role="list-divider">동호회 질문 답변 입력</li>
                <li class="li">해당 동호회는 가입 승인 동호회 입니다. <br /> 질문에 응답 후 매니저의 승인 후 가입이 완료 됩니다.</li>
                <li class="li">매니저의 승인이 30일간 없는 경우 자동 가입승인 취소 됩니다.</li>
                <li>
                    <dl data-role="fieldcontain">
                        <dt><span class="ico_all ico3"><em>질문</em></span> 홀인원 한 기록이 있으십니까?</dt>
                        <dd>
                            <label><span class="ico_all ico4"><em>답변</em></span></label>
                            <textarea placeholder="한글기준 100자 이내로 입력하여 주세요."></textarea>
                        </dd>
                    </dl>
                </li>
            </ul>
        
            <!--btn-->
            <div data-role="fieldcontain" class="bt_club">
                <div class="ui-grid-a">
                    <div class="ui-block-a"><a data-role="button" data-theme="b" data-inline="true">확인</a> </div>
                    <div class="ui-block-b"><a data-role="button" data-theme="d" data-inline="true">취소</a></div>
                </div>
            </div>
        </form>
    </section><!-- // content --> 
    
</section><!-- // page -->
</body>
</html>
